<?php echo $header; ?>
<style type="text/css">
#navigation-wrapper { position:relative; z-index:99; }

</style><div class="mef_mainbody">
<div class="mef_container">
  <div class="mef_leftbody">
    <div class="newsworthy_wp">
    <div class="leftpart innerpage">
        <h2 class="lightseagreen">Gallery </h2>
        <div class="dynamicpart">
<!--content here-->
<!--[if lte IE 7]><style>.support-note .note-ie{display:block;}</style><![endif]-->
<script type="text/javascript">
var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7243260-2']);
  _gaq.push(['_trackPageview']);

  (function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>-->  
<script src="catalog/view/theme/default/js/jquery.colorbox.js"></script>
<script>
	$(document).ready(function(){
		//Examples of how to assign the Colorbox event to elements
		$(".group1").colorbox({rel:'group1'});
		$(".group2").colorbox({rel:'group2', transition:"fade"});
		$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
		$(".group4").colorbox({rel:'group4', slideshow:true});
		$(".ajax").colorbox();
		$(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
		$(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});
		$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
		$(".inline").colorbox({inline:true, width:"50%"});
		$(".callbacks").colorbox({
			onOpen:function(){ alert('onOpen: colorbox is about to open'); },
			onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
			onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
			onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
			onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
		});

		$('.non-retina').colorbox({rel:'group5', transition:'none'})
		$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
		
		//Example of preserving a JavaScript event for inline calls.
		$("#click").click(function(){ 
			$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
			return false;
		});
	});
</script>
<script src="catalog/view/theme/default/js/modernizr.custom.63321.js"></script>

    <section class="main">
				
				<div class="wrapper">

					<div class="topbar">
						<span id="close" class="back">Back</span>
						<h2 class="galleryheading">MEF </h2><h3 id="name" class="innerhaeding"></h3>
					</div>
                   
					
					<ul id="tp-grid" class="tp-grid">

						<!-- Bryan Moats -->
						<li data-pile="Bryan Moats">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>Flu &amp; You</span></span>
								<img src="catalog/view/theme/default/photos/1/1.jpg" />
							</a>
						</li>
						<li data-pile="Bryan Moats">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>Test Your Flu IQ</span></span>
								<img src="catalog/view/theme/default/photos/1/2.jpg" />
							</a>
						</li>
						<li data-pile="Bryan Moats">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>Unexpected Fatherly Faces and Feelings</span></span>
								<img src="catalog/view/theme/default/photos/1/3.jpg" />
							</a>
						</li>
						<li data-pile="Bryan Moats">
							<a href="#" class="group1">
								<span class="tp-info"><span>Petting Zoo Illustration</span></span>
								<img src="catalog/view/theme/default/photos/1/4.jpg" />
							</a>
						</li>
						<li data-pile="Bryan Moats">
							<a href="catalog/view/theme/default/photos/image1.jpg" >
								<span class="tp-info"><span>Beard Growing Contest Illustration</span></span>
								<img src="catalog/view/theme/default/photos/1/5.jpg" />
							</a>
						</li>
						<li data-pile="Bryan Moats">
							<a href="catalog/view/theme/default/photos/image1.jpg">
								<span class="tp-info"><span>Beard 2</span></span>
								<img src="catalog/view/theme/default/photos/1/6.jpg" />
							</a>
						</li>
						<li data-pile="Bryan Moats">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>Beard 3</span></span>
								<img src="catalog/view/theme/default/photos/1/7.jpg" />
							</a>
						</li>
						<li data-pile="Bryan Moats">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>Beard 4 in Progress</span></span>
								<img src="catalog/view/theme/default/photos/1/8.jpg" />
							</a>
						</li>

						<!-- Mike Dornseif -->
						<li data-pile="Mike Dornseif">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>On to Easter</span></span>
								<img src="catalog/view/theme/default/photos/2/1.jpg" />
							</a>
						</li>
						<li data-pile="Mike Dornseif">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>Love Birds</span></span>
								<img src="catalog/view/theme/default/photos/2/2.jpg" />
							</a>
						</li>
						<li data-pile="Mike Dornseif">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>Here Fishy fishy</span></span>
								<img src="catalog/view/theme/default/photos/2/3.jpg" />
							</a>
						</li>
						<li data-pile="Mike Dornseif">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>Zip</span></span>
								<img src="catalog/view/theme/default/photos/2/4.jpg" />
							</a>
						</li>
						<li data-pile="Mike Dornseif">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>Foundation Bird</span></span>
								<img src="catalog/view/theme/default/photos/2/5.jpg" />
							</a>
						</li>
						<li data-pile="Mike Dornseif">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>Milking it</span></span>
								<img src="catalog/view/theme/default/photos/2/6.jpg" />
							</a>
						</li>
						<li data-pile="Mike Dornseif">
							<a href="catalog/view/theme/default/photos/image1.jpg" class="group1">
								<span class="tp-info"><span>Waterville Tag</span></span>
								<img src="catalog/view/theme/default/photos/2/7.jpg" />
							</a>
						</li>
						<li data-pile="Mike Dornseif">
							<a href="#eZKA">
								<span class="tp-info"><span>Don't Lose Your Dinosaur</span></span>
								<img src="catalog/view/theme/default/photos/2/8.jpg" />
							</a>
						</li>
						<li data-pile="Mike Dornseif">
							<a href="#fOyC">
								<span class="tp-info"><span>Wedding Pattern</span></span>
								<img src="catalog/view/theme/default/photos/2/9.jpg" />
							</a>
						</li>
						<li data-pile="Mike Dornseif">
							<a href="#fPYw">
								<span class="tp-info"><span>Baby Pattern</span></span>
								<img src="catalog/view/theme/default/photos/2/10.jpg" />
							</a>
						</li>
						<li data-pile="Mike Dornseif">
							<a href="#fRUM">
								<span class="tp-info"><span>A Lion</span></span>
								<img src="catalog/view/theme/default/photos/2/11.jpg" />
							</a>

						</li>
						<li data-pile="Mike Dornseif">
							<a href="#dIdC">
								<span class="tp-info"><span>Astronaut</span></span>
								<img src="catalog/view/theme/default/photos/2/12.jpg" />
							</a>
						</li>

						<!-- Griffin Moore -->
						<li data-pile="Griffin Moore">
							<a href="#fzUB">
								<span class="tp-info"><span>Briefcase</span></span>
								<img src="catalog/view/theme/default/photos/3/1.jpg" />
							</a>
						</li>
						<li data-pile="Griffin Moore">
							<a href="#fQEv">
								<span class="tp-info"><span>Clipboard</span></span>
								<img src="catalog/view/theme/default/photos/3/2.jpg" />
							</a>
						</li>
						<li data-pile="Griffin Moore">
							<a href="#fREU">
								<span class="tp-info"><span>Sweet pack</span></span>
								<img src="catalog/view/theme/default/photos/3/3.jpg" />
							</a>
						</li>
						<li data-pile="Griffin Moore">
							<a href="#eavb">
								<span class="tp-info"><span>Carbonmade Thanksgiving promo</span></span>
								<img src="catalog/view/theme/default/photos/3/4.jpg" />
							</a>
						</li>
						<li data-pile="Griffin Moore">
							<a href="#eiOQ">
								<span class="tp-info"><span>Woah</span></span>
								<img src="catalog/view/theme/default/photos/3/5.jpg" />
							</a>
						</li>
						<li data-pile="Griffin Moore">
							<a href="#ebxc">
								<span class="tp-info"><span>Badges</span></span>
								<img src="catalog/view/theme/default/photos/3/6.jpg" />
							</a>
						</li>
						<li data-pile="Griffin Moore">
							<a href="#bDBF">
								<span class="tp-info"><span>Gramophone</span></span>
								<img src="catalog/view/theme/default/photos/3/7.jpg" />
							</a>
						</li>
						<li data-pile="Griffin Moore">
							<a href="#fPPE">
								<span class="tp-info"><span>More Native Co work</span></span>
								<img src="catalog/view/theme/default/photos/3/8.jpg" />
							</a>
						</li>

						<!-- Andrea Austoni -->
						<li data-pile="Andrea Austoni">
							<a href="#cyWa">
								<span class="tp-info"><span>Growth in 2012 (Holiday Card)</span></span>
								<img src="catalog/view/theme/default/photos/4/1.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#cRkb">
								<span class="tp-info"><span>Grady Wilson</span></span>
								<img src="catalog/view/theme/default/photos/4/2.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#cSKM">
								<span class="tp-info"><span>More Cowbell</span></span>
								<img src="catalog/view/theme/default/photos/4/3.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#djyP">
								<span class="tp-info"><span>Boss Hogg</span></span>
								<img src="catalog/view/theme/default/photos/4/4.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#duLR">
								<span class="tp-info"><span>Dictator</span></span>
								<img src="catalog/view/theme/default/photos/4/5.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#drAE">
								<span class="tp-info"><span>April Ludgate WIP</span></span>
								<img src="catalog/view/theme/default/photos/4/6.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#dtXq">
								<span class="tp-info"><span>Ben Wyatt</span></span>
								<img src="catalog/view/theme/default/photos/4/7.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#dxuJ">
								<span class="tp-info"><span>Eraserhead</span></span>
								<img src="catalog/view/theme/default/photos/4/8.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#eEuJ">
								<span class="tp-info"><span>Eeeh..huh huh...Skrillex hair sucks!</span></span>
								<img src="catalog/view/theme/default/photos/4/9.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#fmXv">
								<span class="tp-info"><span>H.P. Lovecraft Sketch</span></span>
								<img src="catalog/view/theme/default/photos/4/10.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#fvpu">
								<span class="tp-info"><span>Vincent Gallo</span></span>
								<img src="catalog/view/theme/default/photos/4/11.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#fCQN">
								<span class="tp-info"><span>Angela Merkel final</span></span>
								<img src="catalog/view/theme/default/photos/4/12.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#fFuT">
								<span class="tp-info"><span>Mike Ehrmantraut blocking in</span></span>
								<img src="catalog/view/theme/default/photos/4/13.jpg" />
							</a>
						</li>
						<li data-pile="Andrea Austoni">
							<a href="#fRoZ">
								<span class="tp-info"><span>Azulejo</span></span>
								<img src="catalog/view/theme/default/photos/4/14.jpg" />
							</a>
						</li>

						<!-- Jakob Pierzyna -->
						<li data-pile="Jakob Pierzyna">
							<a href="#fRjs">
								<span class="tp-info"><span>Stone Age Dude Front</span></span>
								<img src="catalog/view/theme/default/photos/5/1.jpg" />
							</a>
						</li>
						<li data-pile="Jakob Pierzyna">
							<a href="#fHRu">
								<span class="tp-info"><span>Warz Wallpaper In Progress</span></span>
								<img src="catalog/view/theme/default/photos/5/2.jpg" />
							</a>
						</li>
						<li data-pile="Jakob Pierzyna">
							<a href="#etDm">
								<span class="tp-info"><span>Allow Me To Introduce ... Bob Banner</span></span>
								<img src="catalog/view/theme/default/photos/5/3.jpg" />
							</a>
						</li>
						<li data-pile="Jakob Pierzyna">
							<a href="#dJgj">
								<span class="tp-info"><span>Solid Kirby</span></span>
								<img src="catalog/view/theme/default/photos/5/4.jpg" />
							</a>
						</li>
						<li data-pile="Jakob Pierzyna">
							<a href="#eabW">
								<span class="tp-info"><span>Wof Session</span></span>
								<img src="catalog/view/theme/default/photos/5/5.jpg" />
							</a>
						</li>
						<li data-pile="Jakob Pierzyna">
							<a href="#fRjq">
								<span class="tp-info"><span>Stone Age Dude Back</span></span>
								<img src="catalog/view/theme/default/photos/5/6.jpg" />
							</a>
						</li>

						<!-- Jack Hughes -->
						<li data-pile="Jack Hughes">
							<a href="#fmcU">
								<span class="tp-info"><span>My Hyde for ShortList</span></span>
								<img src="catalog/view/theme/default/photos/6/1.jpg" />
							</a>
						</li>
						<li data-pile="Jack Hughes">
							<a href="#fueE">
								<span class="tp-info"><span>Mr Hyde II</span></span>
								<img src="catalog/view/theme/default/photos/6/2.jpg" />
							</a>
						</li>
						<li data-pile="Jack Hughes">
							<a href="#fCkb">
								<span class="tp-info"><span>Gallery of Mo</span></span>
								<img src="catalog/view/theme/default/photos/6/3.jpg" />
							</a>
						</li>
						<li data-pile="Jack Hughes">
							<a href="#fMuo">
								<span class="tp-info"><span>Xavier</span></span>
								<img src="catalog/view/theme/default/photos/6/4.jpg" />
							</a>
						</li>
						<li data-pile="Jack Hughes">
							<a href="#fMur">
								<span class="tp-info"><span>Ryan</span></span>
								<img src="catalog/view/theme/default/photos/6/5.jpg" />
							</a>
						</li>
						<li data-pile="Jack Hughes">
							<a href="#fMus">
								<span class="tp-info"><span>Marc</span></span>
								<img src="catalog/view/theme/default/photos/6/6.jpg" />
							</a>
						</li>
						<li data-pile="Jack Hughes">
							<a href="#fQFM">
								<span class="tp-info"><span>Tobias</span></span>
								<img src="catalog/view/theme/default/photos/6/7.jpg" />
							</a>
						</li>

						<!-- Jeremy Fryc -->
						<li data-pile="Jeremy Fryc">
							<a href="#fMMb">
								<span class="tp-info"><span>Small Running Back To You Cover</span></span>
								<img src="catalog/view/theme/default/photos/7/1.jpg" />
							</a>
						</li>
						<li data-pile="Jeremy Fryc">
							<a href="#fNkT">
								<span class="tp-info"><span>Big Kid Of Tricycle</span></span>
								<img src="catalog/view/theme/default/photos/7/2.jpg" />
							</a>
						</li>
						<li data-pile="Jeremy Fryc">
							<a href="#fNoY">
								<span class="tp-info"><span>Driver With Ticket In Hand</span></span>
								<img src="catalog/view/theme/default/photos/7/3.jpg" />
							</a>
						</li>
						<li data-pile="Jeremy Fryc">
							<a href="#fNlX">
								<span class="tp-info"><span>Tour Car</span></span>
								<img src="catalog/view/theme/default/photos/7/4.jpg" />
							</a>
						</li>
						<li data-pile="Jeremy Fryc">
							<a href="#fNoR">
								<span class="tp-info"><span>Double Decker Bus</span></span>
								<img src="catalog/view/theme/default/photos/7/5.jpg" />
							</a>
						</li>
						<li data-pile="Jeremy Fryc">
							<a href="#fNoZ">
								<span class="tp-info"><span>Driver Hanging Out Of Bus Window</span></span>
								<img src="catalog/view/theme/default/photos/7/6.jpg" />
							</a>
						</li>
						<li data-pile="Jeremy Fryc">
							<a href="#fRcg">
								<span class="tp-info"><span>Driver With Luggage</span></span>
								<img src="catalog/view/theme/default/photos/7/7.jpg" />
							</a>
						</li>
						<li data-pile="Jeremy Fryc">
							<a href="#fRcm">
								<span class="tp-info"><span>Driver Hi There</span></span>
								<img src="catalog/view/theme/default/photos/7/8.jpg" />
							</a>
						</li>

						<!-- Joyce Rice -->
						<li data-pile="Joyce Rice">
							<a href="#edAj">
								<span class="tp-info"><span>Using Lion</span></span>
								<img src="catalog/view/theme/default/photos/8/1.jpg" />
							</a>
						</li>
						<li data-pile="Joyce Rice">
							<a href="#dyZH">
								<span class="tp-info"><span>Bloom Boom</span></span>
								<img src="catalog/view/theme/default/photos/8/2.jpg" />
							</a>
						</li>
						<li data-pile="Joyce Rice">
							<a href="#ebCc">
								<span class="tp-info"><span>Headshot</span></span>
								<img src="catalog/view/theme/default/photos/8/3.jpg" />
							</a>
						</li>
						<li data-pile="Joyce Rice">
							<a href="#edyg">
								<span class="tp-info"><span>Realtor Gift</span></span>
								<img src="catalog/view/theme/default/photos/8/4.jpg" />
							</a>
						</li>
						<li data-pile="Joyce Rice">
							<a href="#fszB">
								<span class="tp-info"><span>Hocuspocus Dribbble</span></span>
								<img src="catalog/view/theme/default/photos/8/5.jpg" />
							</a>
						</li>
						<li data-pile="Joyce Rice">
							<a href="#eLXj">
								<span class="tp-info"><span>Destination Vacation</span></span>
								<img src="catalog/view/theme/default/photos/8/6.jpg" />
							</a>
						</li>
					</ul>
                   
				
                </div>
			</section>
<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>-->
<script type="text/javascript" src="catalog/view/theme/default/js/jquery.stapel.js"></script>
<script type="text/javascript">	
	$(function() {

		var $grid = $( '#tp-grid' ),
			$name = $( '#name' ),
			$close = $( '#close' ),
			$loader = $( '<div class="loader"><i></i><i></i><i></i><i></i><i></i><i></i><span>Loading...</span></div>' ).insertBefore( $grid ),
			stapel = $grid.stapel( {
				delay : 50,
				onLoad : function() {
					$loader.remove();
				},
				onBeforeOpen : function( pileName ) {
					$name.html( pileName );
				},
				onAfterOpen : function( pileName ) {
					$close.show();
				}
			} );

		$close.on( 'click', function() {
			$close.hide();
			$name.empty();
			stapel.closePile();
		} );

	} );
</script>
<script src="catalog/view/theme/default/js/js.php"></script>
    
<!--....................content here............................................-->
        </div>
      </div>
  
    </div>
  </div>
  
  
  <div class="mef_rightbody">
    <div class="newspanel">
      <h2>News</h2>
      <p> We only want to share your true experiences.
        If you have joined our family. </p>
      <p> We are a family corporation who believes in simplicity.
        After reviewing </p>
      <p> please submit them by filling the form below.
        Look out for our response on this page. </p>
    </div>
    <div class="newspanel newspaneltwo">
      <h2>Popular</h2>
      <p> We only want to share your true experiences.
        If you have joined our family. </p>
      <p> We are a family corporation who believes in simplicity.
        After reviewing </p>
      <p> please submit them by filling the form below.
        Look out for our response on this page. </p>
    </div>
  </div>
</div>
</div>
<?php echo $footer; ?>